.perInfoBox{
  position: relative;
  width: 100%;
  height: 250rpx;
  background-color: var(--main-color);
  border-radius: 0 0 60rpx 60rpx;
  .perInfo{
    position: absolute;
    left: 30rpx;
    bottom: 60rpx;
    width: 400rpx;
    height: 120rpx;
    .infoBox{
      margin-top: 10rpx;
      .phoneNum{
        color: white;
        margin-bottom: 10rpx;
      }
    }
  }
}
.swiperContainer {
  margin: 0 auto;
  width: 100%;
  height: 300rpx;
  .swiperBox{
    height: 300rpx;
    .swiperImg {
      width: 100%;
      object-fit: contain;
    }
  }
}

.productList {
  position: relative;
  background-color: white;
  width: 100%;
  padding-bottom: 20rpx;

  .change {
    position: absolute;
    top: 20rpx;
    right: 10rpx;
  }
  .notClassify{
    margin-top: 20rpx;
  }
  .classify {
    .goodsListBox {
      width: 100%;
      .goodsMenuBox {
        position: relative;
        width: 100%;
        background: white;
        padding: 10rpx;
        .goodsItem {
          width: 90%;
          height: 150rpx;
          margin: 10rpx auto;
          box-shadow: var(--main-div-shadow);

          .picBox {
            position: relative;
            width: 100%;
            height: 150rpx;
            margin: auto;

            .pic {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              width: 100rpx;
              height: 100rpx;
            }
          }

          .contentBox {
            font-size: var(--small-font-size);
            position: relative;
            height: 150rpx;
            width: 100%;

            .content {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);

              .name {
                margin-bottom: 8rpx;
              }

              .price {
                margin-bottom: 8rpx;
              }

              .cavity {
                color: #377f7f;
              }
            }
          }
          .stepBox {
            height: 150rpx;
            line-height: 150rpx;
          }
        }
      }
    }
  }

  .title {
    text-align: center;
    font-size: var(--main-font-size);
    width: 100%;
    border-bottom: 1rpx solid #e5e5e5;
    padding: 20rpx 0 20rpx 0;
  }

  .productItem {
    position: relative;
    width: 95%;
    height: 160rpx;
    box-shadow: var(--main-div-shadow);
    border-radius: 20rpx;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20rpx;

    .contentBox {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      height: 130rpx;
      padding-left: 15rpx;

      .content {
        height: 130rpx;
        font-size: var(--small-font-size);
        display: flex;
        flex-direction: column;
        justify-content: space-around;

        .name {}

        .price {}

        .capacity {
          color: #377f7f;
        }
      }

      .stepBox {
        height: 130rpx;
        line-height: 130rpx;
      }
    }
  }
}